$(function () {
    layui.use('element', function(){
        var element = layui.element;
        //加载导航依赖模块
});
   });


$(function () {
    //加载轮播图依赖模块
    layui.use('carousel', function(){
  var carousel = layui.carousel;
  //建造实例
  carousel.render({
    elem: '#test1'
    ,width: '100%' //设置容器宽度
    ,arrow: 'always' //始终显示箭头
    ,height:"100%"
  });
});

});

//数据展示
$(function () {
    layui.use('table', function(){
  var table = layui.table;

  //第一个实例
  table.render({
    elem: '#demo'
    ,height: 512
    ,url: '/elz' //数据接口
    ,page: true //开启分页
    ,limit:4
    ,cols: [[ //表头
      {field:'s_id', title: '景区编号', width:100,align:'center',sort: true, fixed:'left'}
      ,{field:'s_name',title: '景区名', width:100,align:'center'}
      ,{field:'s_level',title: '星级', width:100,sort: true}
      ,{field:'s_area', title: '地区', width:100,align:'center'}
      ,{field:'s_PV', title: '访问量', width: 100,align:'center'}
      ,{field:'s_LN', title: '喜欢人数', width:100,align:'center'}
      ,{fixed:'right',title: '了解详情', width:100,align:'center',toolbar:'#barDemo'} //绑定模板
    ]]
  });


   table.on('tool(test)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
  var data = obj.data; //获得当前行数据
  var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
  var id=data.s_id;


  if(layEvent === 'detail'){ //查看

      var url="/detail?s_id="+id
      window.location.replace(url)
      console.log("xxx")

  }
});
    });
});